@import "../../scss/variables.scss";
.side-navbar {
    user-select: none;
    background: $darker-background;
    overflow: auto;
    height: 50px;
    -webkit-overflow-scrolling: touch;
    &::-webkit-scrollbar-thumb {
        background: #000;
        border: solid 3px $sideNav-background;
    }
    &::-webkit-scrollbar {
        background: $sideNav-background;
        width: 14px;
    }
    .nav-box {
        padding-left: 25px;
        padding-top:6px;
        position: relative;
        .nav-slider {
            position: absolute;
            bottom:0;
            left: 48px;
            width:2em;
            height: 2px;
            background: $active-color;
            will-change: left;
            transition: left 0.4s cubic-bezier(0.38, 0.46, 0.76, 1.51);
        }
        .nav-item {
            height: 34px;
            font-size: 14px;
            display: inline-block;
            padding: 10px;
            .nav-item-text {
                cursor: pointer;
                &.selected,
                &:hover {
                    color: $active-color;
                }
            }
        }
    }
}